import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useLoginEmpStore } from '@/stores/loginEmp';
//import { useRouter } from 'vue-router'
import  Router  from  "@/router/index";

//引入路由
const router = Router

//使用Store
const loginEmpStore = useLoginEmpStore()

//创建axios实例对象
const request = axios.create({
  baseURL: '/api',
  timeout: 600000
})

//axios的响应 request 拦截器
request.interceptors.request.use((config) => {
  // 在发送请求之前做些什么 --> 携带令牌到服务端 --- header : token
  const loginEmp = loginEmpStore.getLoginEmp();
  if(loginEmp && loginEmp.token){
    config.headers['token'] = loginEmp.token
  }
  return config;
}, (error) => {
  // 对请求错误做些什么
  return Promise.reject(error);
});


//axios的响应 response 拦截器
request.interceptors.response.use(
  (response) => { //成功回调
    return response.data
  },
  (error) => { //失败回调
    if(error.response.status==401){
      router.push('/login')
      ElMessage.error('登录已过期，请重新登录')
    }else{
      ElMessage.error('接口访问异常')
    }
    return Promise.reject(error)
  }
)

export default request